﻿<%@ Page Language="C#" MasterPageFile="~/MasterPagePopup.master" AutoEventWireup="true"
    CodeFile="RoomInfoModal.aspx.cs" Inherits="HK_RoomInfoModal" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ModalHeader" runat="Server">
    <script type="text/javascript" src="<%= ResolveUrl("~/")%>Assets/Js/imageflow.js"></script>   
    <link rel="Stylesheet" href="../Assets/Css/imageflow.css" type="text/css" />
    <style type="text/css">
        table.roomBasicInfo td
        {
             padding: 3px;
        }
        table.roomBasicInfo td.label
        {
            text-align: right;
            width: 150px;
           
        }
        .ContainerInput
        {
             height:250px;    
        }
    </style>
    <script type="text/javascript">
        function viewImages(){
            $("#uxBasicInfo").hide();
            $("#<%=uxSave.ClientID %>").hide();
            $("#<%=uxViewImages.ClientID %>").hide();
            $("#uxImagesPanel").show();            
            AdjustModalSize();
            setTimeout("doShowImages();", 500);
            return false;
        }
        function doShowImages() {              
            doFixWith();           
            initImagesFlow();     
        } 
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ModalContent" runat="Server">
    <table width="100%" id="uxBasicInfo">
        <tr>
            <td style="width: 50%" valign="top">
                <gr:Container ID="Container1" runat="server" HeaderText="Thông tin">
                    <div class="ContainerInput">
                        <table width="100%" cellpadding="0px" cellspacing="0" class="roomBasicInfo">
                            <tr>
                                <td class="label">
                                    Tên phòng:
                                </td>
                                <td class="input">
                                    <gr:TextBox ID="uxRoomName" runat="server" Width="100%" MaxLength="50"></gr:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td class="label">
                                    Tầng:
                                </td>
                                <td class="input">
                                     <gr:GuruComboBox runat="server" Enabled="true" ID="GuruComboBox1" Width="100%" EmptyMessage="Loại phòng">
                                    </gr:GuruComboBox>
                                </td>
                            </tr>
                            <tr>
                                <td class="label">
                                    Loại phòng:
                                </td>
                                <td class="input">
                                    <gr:GuruComboBox runat="server" Enabled="true" ID="uxRoomType" Width="100%" EmptyMessage="Loại phòng">
                                    </gr:GuruComboBox>
                                </td>
                            </tr>
                            <tr>
                                <td class="label">
                                    Trạng thái:
                                </td>
                                <td class="input">
                                    <gr:GuruComboBox runat="server" Enabled="true" ID="uxRoomStatus" Width="100%" EmptyMessage="Trạng thái phòng">
                                    </gr:GuruComboBox>
                                </td>
                            </tr>
                              <tr>
                                <td class="label" valign="top">
                                   Mô tả:
                                </td>
                                <td class="input">
                                    <gr:TextBox ID="TextBox1" runat="server" Width="100%" Rows="4" TextMode="MultiLine" MaxLength="500"></gr:TextBox>
                                </td>
                            </tr>
                        </table>
                      
                    </div>
                </gr:Container>
            </td>
            <td valign="top">
                <gr:Container ID="Container2" runat="server" HeaderText="Trang thiết bị">
                    <div class="ContainerInput">
                        <table width="100%" cellpadding="0px" cellspacing="0" class="roomBasicInfo">
                            <tr>
                                <td class="label">
                                    Số giường:
                                </td>
                                <td class="input">
                                    2
                                </td>
                            </tr>
                            <tr>
                                <td class="label">
                                    Số người tối đa:
                                </td>
                                <td class="input">
                                    2
                                </td>
                            </tr>
                            <tr>
                                <td class="label">
                                   Trang thiết bị:
                                </td>
                                <td class="input">
                                    Ti vi, tủ lạnh, điều hòa,...
                                </td>
                            </tr>
                            <tr>
                                <td class="label">
                                   Giá theo đêm:
                                </td>
                                <td class="input">
                                   250,000 VND/đêm
                                </td>
                            </tr>
                            <tr>
                                <td class="label" valign="top">
                                    Giá theo giờ:
                                </td>
                                <td class="input">
                                   0-10': Không tính phí <br/>
                                   1h: 60,000 VND<br/>
                                   2h: 100,000 VND<br/>
                                   3h - 24h: 50,000 VND/1h
                                </td>
                            </tr>
                        </table>
                      
                    </div>
                </gr:Container>
            </td>
        </tr>
    </table>
    <div id="uxImagesPanel" style=" display:none; height:450px;">
        <gr:ImageFlowViewer runat="server" ID="uxHotelImages" StartIndex="6" />        
    </div>
    <br />
    <gr:ContainerButton ID="ContainerButton1" runat="server">
        <gr:LinkButton ID="uxSave" runat="server"
            SizeType="FixedSmallShort" Text="Save" CssClassIcon="icon_save"></gr:LinkButton>
        <gr:LinkButton ID="uxViewImages" OnClientClick="return viewImages();" runat="server"
                                SizeType="FixedSmallLong" CssClassIcon="icon_search" Text="Xem hình ảnh"></gr:LinkButton>
        <gr:LinkButton ID="uxClose" runat="server" SizeType="FixedSmallShort" Text="Đóng"
            ToolTip="Đóng màn hình trả phòng và không cập nhật thông tin" CssClassIcon="icon_delete"
            OnClientClick="return parent.ClosePopupModal(1)"></gr:LinkButton>
    </gr:ContainerButton>
</asp:Content>
